<template>
  <div>
    <!-- 头部 -->
    <div>
      <van-nav-bar>
        <template #left>
          <h1 @click="$router.back()">
            <van-icon name="arrow-left" />
          </h1>
        </template>
        <template #title>
          <div class="qb">
            <p>签到</p>
          </div>
        </template>
        <template #right> </template>
      </van-nav-bar>
    </div>
    <!-- 内容 -->
    <div class="mian">
      <button class="left" @click="$router.push('/sb')">上班</button>
      <button class="right">下班</button>
    </div>
    <!-- 开始上班 -->
  </div>
</template>

<script>
</script>

<style scoped>
.mian {
  width: 90%;
  margin: 150px auto;
}
.left {
  width: 49%;
  height: 200px;
}
.right {
  width: 49%;
  height: 200px;
  margin-left: 1%;
}
button {
  border: none;
  outline: none;
  background: coral;
  color: aliceblue;
  border: 1px solid skyblue;
}
</style>
